<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <input type="text" list="dl1">
    <datalist id="dl1">
        <option value="项目1">
        <option value="项目2">
        <option value="项目3">
    </datalist>

    <details open>
        <summary>标题</summary>
        <p>这里描述文字</p>
    </details>

    <progress max="100" value="50">
        <!-- 该span标签解决IE低版本兼容性问题 -->
        <span>50%</span>
    </progress>

    <ol type="A" start="5" reversed>
        <li>项目1</li>
        <li>项目2</li>
        <li>项目3</li>
    </ol>

    <form id="form1" oninput="op1.value=parseInt(t1.value)+parseInt(t2.value)">
        <input type="text" id="t1">+<input type="text" id="t2">
        <output name="op1" for="t1 t2" form="form1"></output>
    </form>

    <form action="index.html" method="get" id="form2">
        <input type="text" name="username">
        <input type="submit" value="提交">
    </form>
    <input type="text" name="password" form="form2">
</body>
</html>
